
body{
    /*background-image: url("../images/background/bg02.jpg");*/
    background-image: url("https://img-blog.csdnimg.cn/20200819225148765.jpg");

    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/*img*/
.img-size-least{
    width: 20px;
    height: 20px;
}
.img-size-tiny{
    width: 80px;
    height: 80px;
}

.img-size-xxs{
    width: 64px;
    height: 64px;
}

.img-size-xs{
    width: 100px;
    height: 100px;
}
.img-size-sm{
    width: 150px;
    height: 150px;
}
.img-size{
    width: 200px;
    height: 200px;
}
.img-size-lg{
    width: 250px;
    height: 250px;
}

/*透明*/
.lucency-xs{
    opacity: 0.9 !important;
}
.lucency-sm{
    opacity: 0.8 !important;
}
.lucency-md{
    opacity: 0.7 !important;
}
.lucency-bg{
    opacity: 0.6 !important;
}
.lucency-lg{
    opacity: 0.5 !important;
}

.lucency-only-box-xs{
    background: rgba(237, 253, 255, 0.2);
}

/*圆角*/
.rounded-no{
    border-radius: 0px;
}
.rounded-size-xs{
    border-radius: 5px;
}

.rounded-size-sm{
    border-radius: 10px;
}

.rounded-size{
    border-radius: 20px;
}

.rounded-size-bg{
    border-radius: 50px;
}

.rounded-size-lg{
    border-radius: 100px;
}

.rounded-size-sm-top{
    border-radius: 10px 10px 0px 0px;
}
.rounded-size-sm-footer{
    border-radius: 0px 0px 10px 10px;
}


/*text-color*/
.text-color-red{
    color: #a94442;
}
.text-color-white{
    color: white;
}
.text-color-bloack{
    color: black;
}
.text-color-blue{
    color: blue;
}
.text-color-teal{
    color: teal !important;
}

/*margin*/
/*left*/
.margin-left-sm{
    margin-left: 10px;
}
.margin-left{
    margin-left: 20px;
}
.margin-left-bg{
    margin-left: 30px;
}
.margin-left-lg{
    margin-left: 40px;
}
/*right*/
.margin-right-sm{
    margin-right: 10px;
}
.margin-right{
    margin-right: 20px;
}
.margin-right-bg{
    margin-right: 30px;
}
.margin-right-lg{
    margin-right: 40px;
}
/*top*/
.margin-top-sm{
    margin-top: 10px;
}
.margin-top{
    margin-top: 20px;
}
.margin-top-middle{
    margin-top: 18px;
}
.margin-top-bg{
    margin-top: 30px;
}
.margin-top-lg{
    margin-top: 40px;
}
.margin-bottom-xs{
    margin-bottom: 5px;
}
.margin-bottom-sm{
    margin-bottom: 10px;
}
.margin-bottom{
    margin-bottom: 20px;
}
.margin-bottom-bg{
    margin-bottom: 30px;
}
.margin-bottom-lg{
    margin-bottom: 50px;
}

/*box-shadow*/
.shadow-gray-xs{
    box-shadow: 0px 0px 5px #0f0f0f;
}

/*text-shadow*/
.text-shadow-black-xs{
    text-shadow: 0px 0px 3px black;
}
.text-shadow-white-xs{
    text-shadow: 0px 0px 1px white;
}

/*radius*/
.border-radius-xxs{
    border-radius: 4px 4px 4px 4px !important;
}

.border-radius-xs{
    border-radius: 5px 5px 5px 5px !important;
}

.border-radius-xs{
    border-radius: 10px 10px 10px 10px !important;
}

.border-radius-sm{
    border-radius: 50px 50px 50px 50px !important;
}

/*font-family*/
.font-YOUYUAN{
    font-family: 幼圆 !important;
}
.font-YAHEI{
    font-family: 微软雅黑 !important;
}

/*font-size*/
.font-size-xs{
    font-size: 10px;
}
.font-size-sm{
    font-size: 15px;
}
.font-size-md{
    font-size: 20px;
}
.font-size-bg{
    font-size: 30px;
}




